import { h } from 'hyperapp';
import './index.less';



export default (state, actions) =>
  ({ match }) =>
  (
    <div
      oncreate={actions.onCreate}
      ondestroy={actions.onDestroy}
      key={match.url}
      id="page-settings"
      class="mdui-container"
    >
      <div class="mdui-divider"></div>
      <ul class="mdui-list">
        <li class="mdui-list-item mdui-ripple">
          <i class="mdui-list-item-icon mdui-icon material-icons">face</i>
          <div class="mdui-list-item-content">Live2D看板娘</div>
          <label class="mdui-switch">
            <input type="checkbox" class="settings-switch" cName="live2d" />
            <i class="mdui-switch-icon"></i>
          </label>
        </li>
      </ul>
    </div>
  );
